<!--
	-we have our html form here where user information will be entered
	-we used the 'required' html5 property to prevent empty fields
-->


<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(".departamento").change(function()
{
var id=$(this).val();
var dataString = 'idDepartamento='+ id;

$.ajax
({
type: "POST",
url: "util/ajax_municipio.php",
data: dataString,
cache: false,
success: function(html)
{
$(".municipio").html(html);
} 
});

});

});
</script>

<form id='addBasicAspiranteForm' action='#' method='post' border='0'>
    <table>
        <tr>
            <td>Nombres</td>
            <td><input type='text' name='nombres' required /></td>
        </tr>
        <tr>
            <td>Apellidos</td>
            <td><input type='text' name='apellidos' required /></td>
        </tr>
        <tr>
            <td>Genero</td>
            <td><input type='text' name='genero' required /></td>
        </tr>
        <tr>
            <td>Email</td>
            <td><input type='text' name='email' required /></td>
        </tr>
        
        <tr>
            <td>Departamento</td>
            <td>
	            <select name="departamento" class="departamento">
					<option selected="selected">--Seleccionar Departamento--</option>
					<?php include('uti/option_departamento');?>
	            </select>
            </td>
        </tr>
        <tr>
            <td>Municipio</td>
            <td>
	            <select name="municipio" class="municipio">
					<option selected="selected">--Seleccionar Municipio--</option>					
	            </select>
            </td>
        </tr>
        
        <tr>
            <td>Domicilio</td>
            <td><input type='text' name='domicilio' required /></td>
        </tr>
        <tr>
            <td>Telefono Casa</td>
            <td><input type='text' name='telCasa' required /></td>
        </tr>
        <tr>
            <td>Telefono Oficina</td>
            <td><input type='text' name='telOficina' required /></td>
        </tr>
        <tr>
            <td>Celular</td>
            <td><input type='text' name='telCelular' required /></td>
        </tr>     
        <tr>
            <td>Login</td>
            <td><input type='text' name='login' required /></td>
        </tr>        
             <tr>
            <td>Clave</td>
            <td><input type='password' name='clave' required /></td>
        </tr>     
         <tr>
            <td>Carrera</td>
            <td><input type='text' name='carrera' required /></td>
        </tr> 
         <tr>
            <td>Nivel Academico</td>
            <td><input type='text' name='nivelAcademico' required /></td>
        </tr> 
        <tr>
            <td>CUM</td>
            <td><input type='text' name='cum' required /></td>
        </tr> 
 
        <tr>
            
            <td>                
                <input type='submit' value='Registrar' class='customBtn' />
            </td>
        </tr>
    </table>
</form>

